<template>
    <div class="main">
          <div class="left-nav">
              <ul>
                  <router-link to="/home/user/list" tag="li"><a>用户列表</a></router-link>
                   <router-link to="/home/user/addUser" tag="li"><a>新增用户</a></router-link>
              </ul>
          </div>
          <div class="right-wp">
               <router-view></router-view>
           <!-- <keep-alive v-if="$route.meta.keepAlive">
               <router-view></router-view>
           </keep-alive> -->
          </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
.main{
    width: 100%;
}
.main>div{
    float: left;
}
.left-nav{
    width: 140px;
    height: 100%;
    margin-right: 60px;
    padding: 3px 10px;
}
.left-nav ul{
    margin-top: 50px;
}
.left-nav ul li{
    list-style-type: none;
    font-size: 20px;
    margin-bottom: 10px;
}
.main div.right-wp{
    width: 70%;
    margin: 50px auto;
}
.router-link-active{
    background: #ccc;
    color:#555;
}
</style>